<template>
  <div class="contactBox">
    <div class="contact_center">
      <div class="title">Contact us</div>
      <div class="problem">
        <div class="text">
          {{ arr }}
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { ConfigsApi } from "../../requery/api";
export default {
  data() {
    return {
      arr: [],
    };
  },
  created() {
    ConfigsApi().then((res) => {
      if (res.code == 200) {
        this.arr = res.data.contact_us;
      }
    });
  },
};
</script>
 
<style lang = "less" scoped>
.contactBox {
  width: 100vw;
  .contact_center {
    width: 1160px;
    margin: 0 auto;
    padding: 37px 0;
    box-sizing: border-box;
    .title {
      font-size: 25px;
      font-weight: 500;
      line-height: 39px;
      color: #333333;
    }
    .problem {
      width: 1038px;
      min-height: 500px;
      margin-top: 30px;
    }
    .text {
      font-size: 14px;
      font-family: PingFang HK;
      line-height: 40px;
      color: #333333;
      margin-bottom: 26px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-line;
    }
  }
}
</style>